<template>
  <div class="app">
    <button @click="isShow = true">退出按钮</button>
<!--.sync修饰符的作用：实现子组件与父组件的双向绑定，简化代码-->
<!--prop属性名可以自定义，非固定为value-->
<!--  :visible.sync 本质上就是 ==> :visible + @update:visible合写-->
    <BaseDialog :visible.sync="isShow"></BaseDialog>
  </div>
</template>

<script>
import BaseDialog from "./components/BaseDialog.vue"
export default {
  data() {
    return {
      isShow:false
    }
  },
  methods: {
    
  },
  components: {
    BaseDialog,
  },
}
</script>

<style>
</style>